 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>账号注册页</title>
    <link rel="stylesheet" href="css/blog_common.css">
    <link rel="stylesheet" href="css/blog_register.css">
</head>
<body>
     <!-- 导航栏部分 -->
     <div class="nav">
        <img src="image/img_1.jpg" alt="">
        <span class="title">我的博客系统</span>
        <div class="space"></div>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="blog_login.html">登录</a>
    </div>

    <div class="register-container">
        <div class="register-dialog">
                    <!-- 注册对话框的头部信息 -->
        <div class="header">
            <span>注册新用户</span>
            <div class="space"></div>
            <span>我有账号,去<a href="blog_login.html">登录</a></span>
        </div>
        <!-- 注册对话框的注册部分 -->
        <div class="register-part">
            <h3>欢迎注册</h3>
            <div class="row">
                <span>用户昵称：</span>
                <input type="text" id="username" maxlength="8">
            </div>
            <div class="row">
                <span>用户密码：</span>
                <input type="password" id="password" maxlength="16">
            </div>
            <div class="row">
                <span>确认密码：</span>
                <input type="password" id="password" maxlength="16">
            </div>
            <div class="row">
                <span>常用邮箱：</span>
                <input type="text" id="youxiang" maxlength="16">
            </div>
            <div class="row">
                <span>真实姓名：</span>
                <input type="text" id="name" maxlength="8">
            </div>
            <div class="row">
                <span>手机号码：</span>
                <input type="text" id="phone" maxlength="11">
            </div>
            <div class="Row">
                <input type="checkbox" name="" id="checkbox">
                <span class="checkName">
                    同意协议注册<a href="#">《知晓用户协议》</a>
                </span>
            </div>
            <div class="row">
                <button id="submit">完成注册</button>
            </div>
        </div>
        </div>
</div>

</body>
</html>